<!--
  @author heguanghua
  @since 2019/06/13 13:58
-->
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

<!--表格id与lay-filter属性一致，统一定义为zmn-table-->
<table class="layui-hide" id="zmn-table" lay-filter="zmn-table" th:fragment="table">
    <thead >
        <tr>
            <!--规定复选框列置于第1列，居中显示-->
            <th lay-data="{type:'checkbox', width:50, unresize:true, align:'center', fixed:'left'}"></th>
            <!--规定“ID”列置于第3列，居中显示-->
            <th lay-data="{field:'groupId', width:70, unresize:true, align:'center'}">ID</th>
            <th lay-data="{field:'servCategId', width:90, unresize:true, align:'center',hide:'true'}">servCategId</th>
            <th lay-data="{field:'categOneId', width:90, unresize:true, align:'center',hide:'true'}">categOneId</th>
            <th lay-data="{field:'categId', width:90, unresize:true, align:'center',hide:'true'}">categId</th>
            <!--规定“名称/标题”列置于第4列，通常居左显示，字数较少可以居中显示-->
            <th lay-data="{field:'servCategName', width:120, unresize:true, align:'center'}">服务分类名称</th>
            <th lay-data="{field:'categOneName', width:120, unresize:true, align:'center'}">前台一级分类</th>
            <th lay-data="{field:'categName', width:120, unresize:true, align:'center'}">前台二级分类</th>
            <th lay-data="{field:'relateBackCategory', unresize:true, align:'center'}">关联后台分类</th>
            <th lay-data="{field:'desc', width:150, unresize:true, align:'center'}">详情页名称</th>
            <th lay-data="{field:'showUpdaterAndUpdateTime', width:230, unresize:true, align:'center'}">最近修改人/时间</th>
            <!--规定操作列置于最后-->
            <th lay-data="{field:'操作', width:150, unresize:true, align:'center', fixed:'right'}">操作</th>
            <!--其他规范
                值较大的数字列居右显示，并使用千分号；值较小的数字列可居中显示，
                金额列统一居右显示，默认精确到小数点后2位，并使用千分号，
                通常情况下，时间或日期列靠后放置(操作列前)，居中显示
                -->
        </tr>
    </thead>
    <tbody>
        <tr th:each="item:${items}">
            <td ></td>
            <td th:text="${item.groupId}">groupId</td>
            <td th:text="${item.servCategId}">servCategId</td>
            <td th:text="${item.categOneId}">categOneId</td>
            <td th:text="${item.categId}">categId</td>
            <td th:text="${item.servCategName}">servCategName</td>
            <td th:text="${item.categOneName}">categOneName</td>
            <td th:text="${item.categName}">categName</td>
            <td>
                <th:block th:each="attrEnum,iterStat: ${map[item.servCategId+'-'+item.categOneId+'-'+item.categId]}">
                    <span th:if="${iterStat.index!=map[item.servCategId+'-'+item.categOneId+'-'+item.categId].size()-1}" th:text="${attrEnum.servCategName+'-'+attrEnum.categName+'，'}" style="font-family:'ArialMT', 'Arial';">attrEnum</span>
                    <span th:if="${iterStat.index==map[item.servCategId+'-'+item.categOneId+'-'+item.categId].size()-1}" th:text="${attrEnum.servCategName+'-'+attrEnum.categName}" style="font-family:'ArialMT', 'Arial';">attrEnum</span>
                </th:block>
            </td>
            <td th:text="${item.desc}">desc</td>
            <td th:text="${item.creater} + '/' + ${T(com.zmn.common.utils.date.DateUtil).toString(item.createTime)}">UpdaterAndUpdateTime</td>
            <td>
                <a th:if="${#authPermit.checkPermit('/serv/showCateg/ass/relateBackCategory.action')}" th:lay-href="|/serv/showCateg/ass/relateBackCategory.action?groupId=${item.groupId}&servCategId=${item.servCategId}&categOneId=${item.categOneId}&categId=${item.categId}|" style="color: #00a0e9" lay-text="关联后台分类">关联后台分类</a>&nbsp;&nbsp;&nbsp;&nbsp;
                <a th:if="${#authPermit.checkPermit('/serv/showCateg/ass/detail.action')}" href="javascript:void(0)" style="color: #00a0e9" th:onclick="modifyDetailName([[${item.groupId}]]);">修改</a>
            </td>
        </tr>
    </tbody>
</table>
